<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<link rel="stylesheet" type="text/css" href="style/guanli.css">
<title>智能储物柜管理系统</title>
</head>
<body>
<div id="main">
	<div id="header">
		<h1>智能储物柜管理系统</h1>
		<div class="box1">
			<p style="text-align:center;"><img src="img/star.png" width="30" height="30"></p>
			<p style="text-align:center;">高级管理</p>
		</div>
		<div class="box1">
			<p style="text-align:center;"><img src="img/star.png" width="30" height="30"></p>
			<p style="text-align:center;">历史记录</p>
		</div>
		<div class="box1">
			<p style="text-align:center;"><img src="img/star.png" width="30" height="30"></p>
			<p style="text-align:center;">其它</p>
		</div>
		<div class="user"><img src="img/user.png" width="30" height="30"></div>
		<div class="img-font">admin</div>
		<div class="font-img"><img src="img/home.png" width="30" height="30"></div>
		<div class="img-font">首页</div>
		<div class="font-img"><img src="img/exit.png" width="30" height="30"></div>
		<div class="img-font">退出</div>
	</div>

	<div id="left">
		</br>
		<form action="" method="get" style="text-align:center;">
			<input name="" type="text" />
			<input name="" value="搜索" type="button" />
		</form>
		</br>
		<div class="an">
		按柜子	
			<div class="jiajian"><img src="img/noexpand.png" width="30" height="30" >
			</div>	
		</div>
		<div class="dianronggui">
			电容柜</br>
			电阻柜</br>
			电感柜</br>
			二极管</br>
			三极管</br>
			数码管</br>
			排阻</br>
			电机</br>
			驱动芯片</br>
			稳压芯片</br>
		</div>
		<div class="an">
			按类型
			<div class="jiajian"><img src="img/expand.png" width="30" height="30" ></div>	
		</div>
	</div>


	<div id="right">
		<div class="box2">
			柜子管理
		</div>
		<div class="box2">
			元器件管理
		</div>
		<div class="box2">
			用户管理
		</div>
		<br><br><br>
		<hr>
		<div class="tianjia">
			添加
		</div>
		</br>
		<table border="1">
			<tr><th>名称</th><th>描述</th><th>操作</th></tr>
			<tr><td>电容柜</td><td>这是存放电容的柜子，有电解电容，普通电容等等</td><td>修改/删除</td></tr>
			<tr><td>电阻柜</td><td>第二排第三个</td><td>修改/删除</td></tr>
			<tr><td>电感柜</td><td>第一排第四个</td><td>修改/删除</td></tr>
			<tr><td>二极管</td><td>第一排第三个</td><td>修改/删除</td></tr>
			<tr><td>三极管</td><td>第一排第二个</td><td>修改/删除</td></tr>
			<tr><td>数码管</td><td>第二排第二个</td><td>修改/删除</td></tr>
			<tr><td>排阻</td><td>第二排第八个</td><td>修改/删除</td></tr>
			<tr><td>电机</td><td>第二排第八个</td><td>修改/删除</td></tr>
			<tr><td>驱动芯片</td><td>第二排第七个</td><td>修改/删除</td></tr>
			<tr><td>稳压芯片</td><td>第二排第五个</td><td>修改/删除</td></tr>
		</table>
		<p style="text-align:center;"><b>10条记录 1/1页</b></p>
	</div>
	<div id="footer">
		广东石油化工学院主教东905智能家居创新实验室
	</div>
</div>
</body>
</html>